<!DOCTYPE html>
<html>
  <head>
    <title>聚惠家</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
    <style type="text/css">
      body {
          color: #222;
          padding: 0;
          margin: 0;
          font-weight: 400;
          font-style: normal;
          line-height: 1;
          position: relative;
          cursor: default;
          background: #efeee4
      }

      .margintop {
          margin-top: 90px
      }

      iframe {
          border: 0;
          width: 100%
      }

      a:hover {
          color: #000
      }

      code {
          font-family: courier,Georgia,Serif;
          font-weight: 400;
          white-space: pre-wrap;
          white-space: -moz-pre-wrap;
          white-space: -o-pre-wrap;
          background: #EFEEE4;
          display: block;
          padding: 8px;
          margin: 8px 0;
          color: #222;
          border: 1px solid #dcdac5
      }

      .header {
          background: #222;
          background-repeat: no-repeat;
          background-position: center 0;
          background-size: cover;
          padding: 138px 0 0;
          text-align: center;
          min-height: 400px;
          position: relative
      }

      .logoimg {
          position: absolute;
          left: 1%;
          right: 1%;
          bottom: -40px
      }

      .logotxt {
          margin-bottom: 30px;
          border: 0
      }

      .logotxt a {
          font-weight: 700;
          color: #fff;
          font-size: 64px
      }

      .header h2 {
          color: #fff;
          padding: 0;
          margin: 0 0 45px;
          font-weight: 100;
          font-size: 34px
      }

      h1,h2,h3,h4,h5,h6 {
          font-family: 'Roboto Slab',"Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif;
          font-weight: 700;
          font-style: normal;
          color: #222;
          text-rendering: optimizeLegibility;
          margin-top: .2em;
          margin-bottom: .5em;
          line-height: 1.2125em
      }

      h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
          font-size: 60%;
          color: #6f6f6f;
          line-height: 0
      }

      h1 {
          font-size: 2.125em
      }

      h2 {
          font-size: 1.6875em
      }

      h3 {
          font-size: 1.375em
      }

      h4 {
          font-size: 1.125em
      }

      h5 {
          font-size: 1.125em
      }

      h6 {
          font-size: 1em
      }

      .info {
          font-size: 13px;
          margin: 0 25px 0 0
      }

      .info ul {
          list-style: none;
          padding: 0;
          margin: 0
      }

      .info ul li {
          text-align: left;
          border-bottom: 1px solid #E4E2D2;
          margin-bottom: 1px;
          padding: 7px
      }

      .info ul li .glyphicon {
          margin-right: 15px
      }

      .info ul li.author {
          background: url(../images/icons/author.png) 0 50% no-repeat;
          padding-left: 30px
      }

      .info h3 {
          margin: 30px 0 10px;
          padding: 5px 0;
          font-size: 18px;
          border-bottom: 1px solid #E4E2D2;
          font-weight: 300
      }

      .info h3.share {
          clear: both;
          padding-top: 30px
      }

      .info ul.tags li {
          display: block;
          float: left;
          padding: 3px 5px;
          margin: 0 8px 5px 0;
          color: #fff;
          background: #898a8a;
          font-size: 12px!important
      }

      .info ul.tags li {
          position: relative;
          background: #898a8a;
          border: 0
      }

      .info ul.tags li:after,.info ul.tags li:before {
          left: 100%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none
      }

      .info ul.tags li:after {
          border-color: rgba(137,138,138,0);
          border-left-color: #898a8a;
          border-width: 3px;
          top: 50%;
          margin-top: -3px
      }

      .info ul.tags li:before {
          border-color: rgba(137,138,138,0);
          border-left-color: #898a8a;
          border-width: 3px;
          top: 50%;
          margin-top: -3px
      }

      .maincontent {
          background: #fff;
          padding: 20px;
          margin-bottom: 65px;
          border: 1px solid #e8e8e8;
          -webkit-box-shadow: 0 0 20px rgba(50,50,50,.1);
          -moz-box-shadow: 0 0 20px rgba(50,50,50,.1);
          box-shadow: 0 0 20px rgba(50,50,50,.1)
      }

      .maincontent h1 {
          padding: 0 0 10px;
          font-size: 30px;
          font-weight: 100
      }

      .maincontent p,.maincontent ul,.maincontent ol {
          color: #222;
          font-size: 14px;
          font-weight: 300
      }

      .maincontent iframe {
          margin-bottom: 17px
      }

      .maincontent ul {
          padding-left: 17px
      }

      .maincontent ol {
          padding-left: 20px
      }

      #content .post-text blockquote {
          position: relative;
          padding: 3% 0 3.5% 12%;
          margin-bottom: 1%;
          border-top: solid 8px #DFE7EC
      }

      ul.social {
          list-style: none;
          padding: 0;
          display: table;
          text-align: center;
          margin: 0 auto
      }

      ul.social li {
          display: inline;
          padding: 8px
      }

      footer {
          background: #4A4849;
          padding: 0;
          margin: 0;
          color: #fff;
          font-size: 12px;
          position: relative
      }

      footer a {
          color: #ccc
      }

      footer .submit {
          padding: 30px 0;
          margin: 0
      }

      .back-to-top {
          position: absolute;
          left: 49%;
          top: -16px;
          z-index: 99
      }

      .paging {
          position: relative;
          background: #e4e2d2;
          border-top: 0 solid #dcdac5;
          padding: 45px 0;
          margin-top: 25px
      }

      .paging:after,.paging:before {
          bottom: 100%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none
      }

      .paging:after {
          border-color: rgba(136,183,213,0);
          border-bottom-color: #e4e2d2;
          border-width: 14px;
          left: 50%;
          margin-left: -14px
      }

      .paging:before {
          border-color: rgba(194,225,245,0);
          border-bottom-color: transparent;
          border-width: 36px;
          left: 50%;
          margin-left: -36px
      }

      .pagination {
          display: block;
          position: relative;
          text-align: center;
          color: #666;
          font-size: 13px
      }

      .pagination>a {
          border: 1px solid #39414a;
          position: absolute;
          top: -10px;
          padding: 10px;
          color: #39414a;
          white-space: nowrap;
          -webkit-border-radius: 3px;
          border-radius: 3px
      }

      .pagination>a:hover {
          border-color: #666;
          color: #fff;
          background: #4A4849
      }

      .pagination>a.older-posts {
          right: 10px
      }

      .pagination>a.newer-posts {
          left: 10px
      }

      .pagination .page-number {
          color: #39414a
      }

      @media only screen and (max-width: 767px) {
          .pagination>a.older-posts {
              right:0
          }

          .pagination>a.newer-posts {
              left: 0
          }

          .pagination>a {
              padding: 10px 5px
          }

          .featured {
              text-align: center
          }
      }

      body {
          font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif
      }

      h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead, p {
          font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
      }

      html,body {
          height: 100%
      }

      .wrap {
          margin: 0 auto -105px;
          padding: 0 0 145px;
          min-height: 100%
      }

      footer {
          position: relative;
          height: 105px
      }

      a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
          border-color: #999
      }

      .home-template .post,.archive-template .post {
          position: relative;
          margin-bottom: 30px;
          -webkit-box-shadow: 0 0 20px rgba(50,50,50,.1);
          box-shadow: 0 0 20px rgba(50,50,50,.1)
      }

      .home-template .post-content,.archive-template .post-content {
          display: none
      }

      .post-header {
          position: absolute;
          bottom: 0;
          width: 100%;
          background-color: #fff;
          opacity: .95;
          filter: alpha(opacity=95);
          text-align: center
      }

      .post-header h2 {
          margin: 0;
          padding: .5em .2em
      }

      .post-header h2 a {
          color: #999
      }

      .post-header h2 a:hover,.post-header h2 a:focus {
          color: #222
      }

      .post-featured-image {
          position: relative
      }

      .post-featured-image .thumbnail {
          margin-bottom: 0;
          padding: 12px;
          border-top-right-radius: 0;
          border-top-left-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          border: 0
      }

      .post-featured-image span.bs3:after,.post-featured-image span.bs2:after {
          font-family: Metrize-Icons;
          speak: none;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          position: absolute;
          top: 0;
          left: 0;
          font-size: 36px;
          font-weight: 700;
          color: #563d7c;
          background-color: #fff;
          padding: 3px;
          opacity: .9;
          filter: alpha(opacity=90)
      }

      .post-featured-image span.bs3:after {
          content: "\e078"
      }

      .post-featured-image span.bs2:after {
          content: "\e077"
      }

      .post img {
          display: block;
          max-width: 100%;
          height: auto
      }
    </style>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="header" style="background-image: url(http://static.bootcss.com/expo/img/d/dd/2de797545de56274f03a5920eb3a1.jpg)">
      <div class="logoimg">
        <a>
          <img src="http://static.bootcss.com/expo/img/d/f5/ab31f6c55403cfa55ccb32bc7f29b.png" alt="logo" width="78">
        </a>
      </div>
      <div class="container">
          <div class="row">
            <div class="col-xs-12" style=" padding: 34px; background: rgba(0, 0, 0, 0.6);">
